<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			ul{
			    list-style: none;
			}
			.nav>li{
			    float: left;
			}
			ul a{
			    display: block;
			    text-decoration: none;
			    width: 100px;
			    height: 50px;
			    text-align: center;
			    line-height: 50px;
			    background-color: #CCCCCC;
			}
			
			.drop-down-content{
			    padding: 0;
			    display: none;
			}
			
			h3{
			    font-size: 30px;
			    clear: both;
			}
		
			.nav .drop-down:hover .drop-down-content{
			    display: block;
			}
			
			
		</style>
		
		
	</head>
	
	
	
	<body>
		 <ul class="nav">
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
		    <li><a href="#">首页</a></li>
		    <li class="drop-down"><a href="#">菜单管理</a>
		        <ul class="drop-down-content">
		            <li><a href="#">主页设置</a></li>
		            <li><a href="#">系统设置</a></li>
		            <li><a href="#">报表设置</a></li>
		        </ul>
		        </li>
		    <li class="drop-down"><a href="#">数据库管理</a>
				<ul class="drop-down-content">
					<li><a href="#">数据库查询</a></li>
					<li><a href="#">数据库更新</a></li>
					<li><a href="#">数据库备份</a></li>
				</ul>
			</li>
		    <li class="drop-down"><a href="#">站点管理</a>
				<ul class="drop-down-content">
				    <li><a href="#">信息管理</a></li>
				    <li><a href="#">数据管理</a></li>
				</ul>
			</li >
		    <li class="drop-down"><a href="#">站点设置</a>
				<ul class="drop-down-content">
				    <li><a href="#">站点1</a></li>
				    <li><a href="#">站点2</a></li>
				</ul>
			</li>
			<li><a href="#">联系我们</a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
		</ul>

	</body>
</html>